﻿.button-back { float: left;  }
.button-next, .finish { float: left; }
.button-back, .button-next, .finish {
	border: 1px solid #C9C4BA; cursor: pointer; padding: 3px 10px; text-decoration: none;
	-khtml-border-radius: 3px; -moz-border-radius: 3px; -opera-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px;
	margin:10px; font-size:14px; background:#eee
}
.button-back:hover, .button-next:hover, .finish:hover { border-color: #DFDCD6; color: #000; }

.step {
	clear: left; width: 96%; padding:20px; padding-top:0px; border:none; border-top:3px #ccc solid;
	-khtml-border-radius: 3px; -moz-border-radius: 3px; -opera-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px;
}
.step label { color: #444; display: block; font-weight:bold; margin: 10px 0 3px 7px; }
.step legend { color: #4080BF; font-weight:bold;  font-size:14px; padding: 0 2px 3px 2px; }
.step input, .step textarea, .step select { border: 1px solid #AAA; margin-left: 7px; }

.error-image { background: url('../img/error.png') no-repeat right top; }

.stepy-titles { list-style: none; margin: 0; padding: 0; width: 100%; }
.stepy-titles li { color: #DDD; cursor: pointer; font-weight:bold;  font-size:18px;  float: left; padding: 10px; }
.stepy-titles li span { display: block; }
.stepy-titles .current-step { color: #369; cursor: auto; }

/*** Optionaly (jQuery Validate) ***/

.error { background-color: #FAF4F4; }

label.error { background: url('../img/alert.png') no-repeat; color: #DE5130; display: block; float: left; height: 13px; margin: 3px 3px 0 10px; padding-left: 21px; padding-top: 2px; }